<%--
  Created by IntelliJ IDEA.
  User: s1xgod
  Date: 2022/9/23
  Time: 22:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
    <link rel="shortcut icon" href="/res/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./layui/css/layui.css">
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./layui/layui.js"></script>

</head>
<body>
<div class="layui-layout layui-layout-admin">
    <%--顶部导航栏--%>
    <div class="layui-header">
        <a href="index.jsp" class="layui-logo">HRM人事管理系统</a>
        <!-- 头部区域（可配合layui 已有的水平导航） -->

        <%--        居左--%>
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item" id="newUserCheck">
                <a href="javascript:;">新用户审核<span class="layui-badge" id="newUserNum">0</span></a>
            </li>

        </ul>


        <%--        居右--%>
        <ul class="layui-nav layui-layout-right">
            <li id="time1" class="layui-nav-item" style="font-size: 15px; color: #CCCCCC;">
                2022年09月02日 19:23:21 星期五
            </li>

            <li class="layui-nav-item">
                <a href="#">
                    <img src="./bgimg/img/backgrounds/pic1.jpg" class="layui-nav-img">
                    <span id="userName">无名氏</span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">个人信息</a></dd>
                    <dd><a href="">个人设置</a></dd>
                    <dd id="loginout"><a href="javascript:;">安全退出</a></dd>
                </dl>
            </li>

        </ul>
    </div>


    <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <%--垂直导航菜单--%>
            <ul class="layui-nav layui-nav-tree">
                <%--一级菜单1 默认展开layui-nav-itemed--%>
                <li class="layui-nav-item " id="userMenu">
                    <a class="" href="javascript:;">
                        <i class="layui-icon layui-icon-username">用户管理</i>
                    </a>
                    <%--二级子菜单--%>
                    <dl class="layui-nav-child">
                        <%--默认选中--%>
                        <dd class="smenu smenu-flag" id="用户查询">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-search">用户查询</i>
                            </a>
                        </dd>
                        <dd class="smenu" id="添加用户">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-add-1">添加用户</i>
                            </a>
                        </dd>

                    </dl>
                </li>
                <%--一级菜单2--%>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="layui-icon layui-icon-home">部门管理</i>
                    </a>
                    <%--二级子菜单--%>
                    <dl class="layui-nav-child">
                        <dd class="smenu">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-search">部门查询</i>
                            </a>
                        </dd>
                        <dd class="smenu">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-add-1">添加部门</i>
                            </a>
                        </dd>

                    </dl>
                </li>
                <%--一级菜单3--%>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="layui-icon layui-icon-table">职位管理</i>
                    </a>
                    <%--二级子菜单--%>
                    <dl class="layui-nav-child">
                        <dd class="smenu">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-search">职位查询</i>
                            </a>
                        </dd>
                        <dd class="smenu">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-add-1">添加职位</i>
                            </a>
                        </dd>

                    </dl>
                </li>
                <%--一级菜单4--%>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="layui-icon layui-icon-user">员工管理</i>
                    </a>
                    <%--二级子菜单--%>
                    <dl class="layui-nav-child">
                        <dd class="smenu">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-search">员工查询</i>
                            </a>
                        </dd>
                        <dd class="smenu">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-add-1">添加员工</i>
                            </a>
                        </dd>

                    </dl>
                </li>

                <%--一级菜单5--%>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="layui-icon layui-icon-email">公告管理</i>
                    </a>
                    <%--二级子菜单--%>
                    <dl class="layui-nav-child">
                        <dd class="smenu">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-notice">紧急公告</i>
                            </a>
                        </dd>
                        <dd class="smenu">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-form">公司新闻</i>
                            </a>
                        </dd>

                    </dl>
                </li>

                <%--一级菜单6--%>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="layui-icon layui-icon-download-circle">下载中心</i>
                    </a>
                    <%--二级子菜单--%>
                    <dl class="layui-nav-child">
                        <dd class="smenu" id="文档查询">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-search">文档查询</i>
                            </a>
                        </dd>
                        <dd class="smenu" id="上传文档">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-upload-drag">上传文档</i>
                            </a>
                        </dd>

                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <%--主体--%>
    <div class="layui-body">
        <div>
            <iframe id="iframe" src="./welcome.jsp" style="width: 100%;height: 100%"></iframe>
        </div>
    </div>


    <!-- 底部固定区域 -->
    <div class="layui-footer" style="text-align: center">
        @深圳腾讯股份有限公司
    </div>
</div>

<script>
    // 检测该页面的ajax请求发送前，是否已登录
    <%--$(document).ajaxStart(function () {--%>
    <%--    if ("${user}" == "") {--%>
    <%--        location.href = "./user/login.jsp"--%>
    <%--    }--%>
    <%--});--%>

    //实时修改时间
    var timetext = document.getElementById("time1");
    //定义一个定时器，实时更新时间
    setInterval(function () {
        //修改标签的值
        timetext.innerHTML = timeText();
    }, 1000);

    // 右上角展示用户名
    if ("${user}" != "") {
        if ("${user.job}" == "1") {
            $("#userName").text("${user.userName} 管理员")
        } else {
            $("#userName").text("${user.userName} 用户")
        }
    }

    // 安全退出按钮
    $("#loginout").click(function () {
        window.location.href = "./user/login.jsp"
    })

    // 非超级管理员 隐藏添加用户 和新用户审核
    if ("${user.job}" != "1") {
        $("#添加用户").css("display", "none");
        $("#newUserCheck").css("display", "none");
    }

    // 异步请求获取待审核人数
    function getNewUserNum() {
        $.get("/user/getNewUserNum", {}, function (data) {
            if (data != "") {
                $("#newUserNum").text(data)
            } else {
                layer.msg("新用户审核人数获取失败")
                $("#newUserNum").text("0")
            }
        })
    }

    // 页面第一次加载 调用获取待审核人数
    getNewUserNum();

    var time = setInterval(function () {
        getNewUserNum();
    }, 5000)

    // 获取二级菜单的每个控件
    var secondMenu = $(".smenu")

    // 点击新用户审核，跳转到用户查询页面，取消其它右侧二级菜单栏高亮，并将用户查询二级菜单栏高亮
    $("#newUserCheck").click(function () {
        $("#userMenu").addClass("layui-nav-itemed");
        $("#iframe").attr("src", "./user/list.jsp")
        for (var i = 0; i < secondMenu.length; i++) {
            secondMenu.eq(i).removeClass("layui-this")
        }
        $("#用户查询").addClass("layui-this")
    })

    // 点击某个二级菜单控件，如果是不是用户查询，则取消用户查询高亮
    for (var i = 0; i < secondMenu.length; i++) {
        var sm = secondMenu.eq(i);
        sm.click(function () {
            if (!sm.attr("class").indexOf("smenu-flag")) {
                $("#用户查询").removeClass("layui-this")
            }
        })
    }

    // 定义一个函数可以返回时间字符串
    function timeText() {
        var dateString = "";
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth() >= 9 ? (date.getMonth() + 1) : ("0" + (date.getMonth() + 1));
        var day = date.getDate() >= 10 ? date.getDate() : ("0" + date.getDate());
        var hours = date.getHours();
        var minutes = date.getMinutes() >= 10 ? date.getMinutes() : ("0" + date.getMinutes());
        var seconds = date.getSeconds() >= 10 ? date.getSeconds() : ("0" + date.getSeconds());
        var day1 = date.getDay();
        //定义一个数组
        var s = ["日", "一", "二", "三", "四", "五", "六"];
        dateString = year + "年" + month + "月" + day + "日" + " " + hours + ":" + minutes + ":" + seconds + " 星期" + s[day1];
        return dateString;
    }

    layui.use(['element', 'layer'], function () {
        var element = layui.element
            , layer = layui.layer
            , $ = layui.$;


        $("#用户查询").click(function () {
            $("#iframe").attr("src", "./user/list.jsp")
        })

        $("#添加用户").click(function () {
            $("#iframe").attr("src", "./user/addUser.jsp")
        })

        $("#上传文档").click(function () {
            $("#iframe").attr("src", "./document/upload.jsp")
        })
        $("#文档查询").click(function () {
            $("#iframe").attr("src", "./document/list.jsp")
        })

    });

</script>

</body>
</html>
